Adwaita: Make sidebar row styling better
authornana-4 <hnmaigo@gmail.com>
Sun, 22 Nov 2020 03:59:28 +0000 (12:59 +0900)
committerJakub Steiner <jimmac@gmail.com>
Mon, 23 Nov 2020 09:51:58 +0000 (10:51 +0100)
- Reorder declaration blocks for code legibility.
- Don't lighten text color on :hover and :selected for better contrast.
- Add missing :focus-visible:focus-within styling to non-:selected row.

gtk/theme/Adwaita/_common.scss

index d54d4dc81dd5c55d156cb0752989e49d5579b359..73744533926792a462019d48a948e307d151a0d5 100644 (file)
@@ -3604,25 +3604,25 @@ separator.sidebar {
     border-radius: $menu-margin;
     margin: 0 $menu-margin;
 
+    &:hover,
+    &:focus-visible:focus-within {
+      background-color: darken($menu_selected_color, 5%);
+    }
+
     &:selected {
       background-color: $menu_selected_color;
-      color: $fg_color;
+      color: inherit;
+
+      &:hover {
+        background-color: darken($menu_selected_color,5%);
+      }
 
       &:focus-visible:focus-within {
         outline-width: 0;
         color: $selected_fg_color;
         background-color: $selected_bg_color;
-        &:hover { color: $selected_fg_color; background-color: darken($selected_bg_color,10%); }
+        &:hover { background-color: darken($selected_bg_color,10%); }
       }
-      &:hover:not(:last-child) { /* FIXME: dirty specificity bump */
-        color: $fg_color;
-        background-color: darken($menu_selected_color,5%);
-      }
-    }
-
-    &:hover {
-      color: $fg_color;
-      background-color: darken($menu_selected_color, 5%);
     }
 
     &:disabled { color: $insensitive_fg_color; }